<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable = yes"/>
    <link rel="stylesheet" href="../../Assets/plugins/font-awesome/font-awesome.css">
    <link rel="stylesheet" href="../../Assets/plugins/weui/weui.css">
    <link rel="stylesheet" href="../../Assets/styles/app.css">
</head>
<body>

<div class="weui-navbar weui-app-navbar">
    <a class="weui-navbar__item" href="cope.html" onclick="location.replace(this.href);return false">
        已出账
    </a>
    <a class="weui-navbar__item" href="prepaid.html" onclick="location.replace(this.href);return false">
        未出账
    </a>
    <a class="weui-navbar__item weui-bar__item_on" href="bill.html" onclick="location.replace(this.href);return false">
        全部账单
    </a>
</div>
<div class="board">
    <div class="board-title">账单总额（元）</div>
    <div class="board-content">2089.01</div>
    <div class="board-status">&nbsp;</div>
</div>
<div class="weui-panel weui-panel_access bill-panel">
    <div class="weui-panel__hd">账单列表（消费列表）</div>
    <div class="weui-panel__bd">
        <a href="details.html" class="weui-media-box bill-media-box weui-media-box_appmsg">
            <div class="bill-media-box__hd">
                <h4 class="bill-money">6888</h4>
                <p class="bill-status">已还清</p>
            </div>
            <div class="bill-media-box__bd">
                <p class="bill-media-box__title">苹果7Plus 128G 玫瑰金打算打打说说商品名称最多两行</p>
                <p class="bill-media-box__desc">
                    <i class="bill-media-box__desc_detail">分3期 ￥380.2/期</i>
                    <i class="bill-media-box__desc_date">2016-06-02</i>
                </p>
            </div>
        </a>
        <a href="details.html" class="weui-media-box bill-media-box weui-media-box_appmsg">
            <div class="bill-media-box__hd">
                <h4 class="bill-money">6888</h4>
                <p class="bill-status">已还清</p>
            </div>
            <div class="bill-media-box__bd">
                <p class="bill-media-box__title">苹果7Plus 128G 玫瑰金打算打打说说商品名称最多两行</p>
                <p class="bill-media-box__desc">
                    <i class="bill-media-box__desc_detail">分3期 ￥380.2/期</i>
                    <i class="bill-media-box__desc_date">2016-06-02</i>
                </p>
            </div>
        </a>
        <a href="details.html" class="weui-media-box bill-media-box weui-media-box_appmsg">
            <div class="bill-media-box__hd">
                <h4 class="bill-money">6888</h4>
                <p class="bill-status warning">已逾期</p>
            </div>
            <div class="bill-media-box__bd">
                <p class="bill-media-box__title">苹果7Plus 128G 玫瑰金打算打打说说商品名称最多两行</p>
                <p class="bill-media-box__desc">
                    <i class="bill-media-box__desc_detail">分3期 ￥380.2/期</i>
                    <i class="bill-media-box__desc_date">2016-06-02</i>
                </p>
            </div>
        </a>
    </div>
</div>
</body>
</html>